let province = document.querySelector("#province");
let city = document.querySelector("#city");
let citys = [["‐‐请选择市‐‐"]
    , ["‐‐请选择市‐‐", "西安市", "咸阳市", "宝鸡市", "铜川市", "渭南市", "延安市", "榆林市", "汉中市", "安康市", "商洛市"]
    , ["‐‐请选择市‐‐", "成都市", "广元市", "绵阳市", "德阳市", "南充市", "广安市", "遂宁市", "内江市", "乐山市", "自贡市", "泸州市", "宜宾市", "攀枝花市", "巴中市", "达州市", "资阳市", "眉山市", "雅安市", "阿坝藏族羌族自治州", "甘孜藏族自治州", "凉山彝族自治州"]
    , ["‐‐请选择市‐‐", "兰州市", "天水市", "庆阳市", "武威市", "酒泉市", "张掖市", "陇南市", "白银市", "定西市", "平凉市", "嘉峪关市", "临夏回族自治州", "金昌市", "甘南藏族自治州"]
];


function selectCity(n) {
    // 选中的索引
    // console.log(n.selectedIndex);
    // console.log(n.value);

    // 对应的城市
    let cityList = citys[province.value];

    // 清空原有选项
    city.innerHTML = "";
    // 迭代城市
    for (let item of cityList) {
        // city.innerHTML += `<option value="${item}">${item}</option>`;
        let option = document.createElement("option");
        option.value = item;
        option.innerText = item;
        city.appendChild(option);
    }

    // let option = document.createElement("option");
    // option.value = "xi'an";
    // option.innerText = "西安";

    // console.log(option);

    // province.appendChild(option);

    // province.innerHTML += `<option value="xi'an">西安</option>`;
}